<template lang="pug">
  ModuleWrapper(title="防疫打跨简报" flex="1")
    //HorizontalBisection
      StaticView.static-item(label="接收、查获中国籍人员" :value="F0000012" icon="capture")
      StaticCompareView.static-item(:itemData="{label: '入境自首人员', value: F0000013}")
    //div.capture-item(v-for="(item, index) in captureData" :key="index")
      img.cover(src="@/assets/images/result.png")
      div.info
        div.title {{ item.title }}
        div.time {{ item.time }}
    div.static-wrap
      HorizontalBisection
        StaticView.static-item(label="接收、查获中国籍人员" :value="F0000012" icon="people-duty")
        StaticView.static-item(label="入境自首人员" :value="F0000013" icon="capture")
      HorizontalBisection
        StaticView.static-item(label="清遣外籍人员" :value="F0000014" icon="border-duty-point")
        StaticView.static-item(label="卡口核查人员" :value="F0000015" icon="nucleic-acid-detection-point")
      HorizontalBisection
        StaticView.static-item(label="入城车辆" :value="F0000016" icon="transfer-vehicle")
        StaticView.static-item(label="出城车辆" :value="F0000017" icon="transfer-vehicle")
      HorizontalBisection
        StaticView.static-item(label="入城人员" :value="F0000018" icon="people-duty")
        StaticView.static-item(label="出城人员" :value="F0000019" icon="people-duty")
</template>

<script>
export default {
  name: "ModuleDetectionSurvey",
  props: {
   	F0000012:{
   	  type:String,
   	  required:false
   	},
  	F0000013:{
  	  type:String,
  	  required:false
  	},
  	F0000014:{
  	  type:String,
  	  required:false
  	},
	F0000015:{
	  type:String,
	  required:false
	},
	F0000016:{
	  type:String,
	  required:false
	},
	F0000017:{
	  type:String,
	  required:false
	},
	F0000018:{
	  type:String,
	  required:false
	},
	F0000019:{
	  type:String,
	  required:false
	},
   },
  data() {
    return {
      captureData: [
        {
          title: '测试数据 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
      ],
    }
  },
  methods: {

  },
  mounted() {
  }
}
</script>

<style lang="scss" scoped>
.static-wrap{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.capture-item{
  background-color: rgba(0, 73, 104, 0.15);
  padding: rem(10);
  display: flex;
  margin-bottom: rem(15);
  .cover{
    @include size(rem(144), rem(100));
  }
  .info{
    padding-left: rem(20);
    color: #698B95;
    font-size: rem(16);
    display: flex;
    flex-direction: column;
    justify-content: center;
    .title{
      margin-bottom: rem(10);
    }
    .time{
      font-size: rem(16);
    }
  }
}
</style>
